import styles from './index.module.scss'
import Loading from '../loading/index'
import cls from 'classnames'
import Button from '@c/button'

const Index = props => {
  const { className } = props
  return (
    <div className={cls(styles.buffering, className)}>
      <Loading />
      <span className={cls(styles['loading-text'], 'hideWhenPhone')}>
        正在加载中，使用
        <span style={{ color: 'var(--theme-color)' }}>客户端</span>
        播放享受极速开播
      </span>
      <Button className={cls(styles['buffering-btn'], 'hideWhenPhone')} hover="opacity" link href="/download">
        前往下载
      </Button>
    </div>
  )
}

export default Index
